<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<script>
    /* 
    程序从上往下执行，当遇到同步任务，会直接执行栈中执行，当遇到异步任务会先放入到任务队列中等待执行，
    在执行栈中的代码执行完毕后，在事件循环机制下，每隔一个很短的时间去检查任务队列追踪是否还有未执行的异步任务，
    如果有则取出一个异步任务放入执行栈开始执行,由于时间循环机制
    */
    console.log(1);
    setTimeout(() => {
        console.log(2);
    }, 200)
    setTimeout(() => {
        console.log(4);
    }, 100)
    console.log(3);
</script>